آموزش React - راهنمای کامل (شامل Hooks، React Router و Redux) - نسخه دوم [ویدئو]

سرفصل ها و درس ها

شروع شدن Getting Started

• معرفی دوره Course Introduction

• معرفی دوره Course Introduction

• به دوره خوش آمدید! Welcome to the Course!

• به دوره خوش آمدید! Welcome to the Course!

• React.js چیست؟ What Is React.js?

• React.js چیست؟ What Is React.js?

• ReactJS در مقابل "Vanilla JavaScript": چرا از React استفاده کنیم؟ ReactJS Versus "Vanilla JavaScript": Why Use React?

• ReactJS در مقابل "Vanilla JavaScript": چرا از React استفاده کنیم؟ ReactJS Versus "Vanilla JavaScript": Why Use React?

• ویرایش اولین برنامه React ما Editing Our First React App

• ویرایش اولین برنامه React ما Editing Our First React App

• درباره این دوره و طرح کلی دوره About This Course and Course Outline

• درباره این دوره و طرح کلی دوره About This Course and Course Outline

• دو راه (مسیر) گذراندن این دوره The Two Ways (Paths) of Taking This Course

• دو راه (مسیر) گذراندن این دوره The Two Ways (Paths) of Taking This Course

• بیشترین بهره را از این دوره ببرید Getting the Most Out of This Course

• بیشترین بهره را از این دوره ببرید Getting the Most Out of This Course

• ایجاد پروژه های React: مبتنی بر مرورگر در مقابل توسعه محلی Creating React Projects: Browser-Based Versus Local Development

• ایجاد پروژه های React: مبتنی بر مرورگر در مقابل توسعه محلی Creating React Projects: Browser-Based Versus Local Development

• ایجاد پروژه های React به صورت محلی Creating React Projects Locally

• ایجاد پروژه های React به صورت محلی Creating React Projects Locally

• استفاده از CodeSandbox برای توسعه React (بدون نیاز به تنظیمات محلی!) Using CodeSandbox for React Development (No Local Setup Required!)

• استفاده از CodeSandbox برای توسعه React (بدون نیاز به تنظیمات محلی!) Using CodeSandbox for React Development (No Local Setup Required!)

بازخوانی جاوا اسکریپت JavaScript Refresher

بازخوانی جاوا اسکریپت JavaScript Refresher

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• شروع پروژه Starting Project

• شروع پروژه Starting Project

• افزودن جاوا اسکریپت به یک صفحه و نحوه واکنش پروژه ها متفاوت است Adding JavaScript to a Page and How React Projects Differ

• افزودن جاوا اسکریپت به یک صفحه و نحوه واکنش پروژه ها متفاوت است Adding JavaScript to a Page and How React Projects Differ

• پروژه های React از یک فرآیند ساخت استفاده می کنند React Projects Use a Build Process

• پروژه های React از یک فرآیند ساخت استفاده می کنند React Projects Use a Build Process

• "واردات و صادرات" "import" and "export"

• "واردات و صادرات" "import" and "export"

• بازبینی متغیرها و مقادیر Revisiting Variables and Values

• بازبینی متغیرها و مقادیر Revisiting Variables and Values

• بازدید مجدد از اپراتورها Revisiting Operators

• بازدید مجدد از اپراتورها Revisiting Operators

• بازبینی توابع و پارامترها Revisiting Functions and Parameters

• بازبینی توابع و پارامترها Revisiting Functions and Parameters

• توابع پیکان Arrow Functions

• توابع پیکان Arrow Functions

• بازبینی اشیاء و کلاسها Revisiting Objects and Classes

• بازبینی اشیاء و کلاسها Revisiting Objects and Classes

• آرایه ها و روش های آرایه مانند map() Arrays and Array Methods like map()

• آرایه ها و روش های آرایه مانند map() Arrays and Array Methods like map()

• در حال تخریب Destructuring

• در حال تخریب Destructuring

• اپراتور Spread The Spread Operator

• اپراتور Spread The Spread Operator

• بازبینی ساختارهای کنترلی Revisiting Control Structures

• بازبینی ساختارهای کنترلی Revisiting Control Structures

• دستکاری DOM - نه با React! Manipulating the DOM - Not With React!

• دستکاری DOM - نه با React! Manipulating the DOM - Not With React!

• استفاده از توابع به عنوان ارزش Using Functions as Values

• استفاده از توابع به عنوان ارزش Using Functions as Values

• تعریف توابع در داخل توابع Defining Functions Inside Of Functions

• تعریف توابع در داخل توابع Defining Functions Inside Of Functions

• مرجع در مقابل ارزش های اولیه Reference vs Primitive Values

• مرجع در مقابل ارزش های اولیه Reference vs Primitive Values

React Basics و کار با کامپوننت ها React Basics and Working With Components

React Basics و کار با کامپوننت ها React Basics and Working With Components

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• کامپوننت ها چیست؟ و چرا React همه چیز درباره آنهاست؟ What Are Components? And Why Is React All About Them?

• کامپوننت ها چیست؟ و چرا React همه چیز درباره آنهاست؟ What Are Components? And Why Is React All About Them?

• React Code به صورت "اعلامی" نوشته شده است! React Code Is Written In A "Declarative Way"!

• React Code به صورت "اعلامی" نوشته شده است! React Code Is Written In A "Declarative Way"!

• ایجاد یک React Project جدید Creating a new React Project

• ایجاد یک React Project جدید Creating a new React Project

• تجزیه و تحلیل یک پروژه استاندارد React Analyzing a Standard React Project

• تجزیه و تحلیل یک پروژه استاندارد React Analyzing a Standard React Project

• معرفی JSX Introducing JSX

• معرفی JSX Introducing JSX

• چگونه واکنش کار می کند How React Works

• چگونه واکنش کار می کند How React Works

• ساخت اولین کامپوننت سفارشی Building a First Custom Component

• ساخت اولین کامپوننت سفارشی Building a First Custom Component

• نوشتن کد JSX پیچیده تر Writing More Complex JSX Code

• نوشتن کد JSX پیچیده تر Writing More Complex JSX Code

• اضافه کردن یک استایل پایه CSS Adding Basic CSS Styling

• اضافه کردن یک استایل پایه CSS Adding Basic CSS Styling

• خروجی داده های پویا و کار با عبارات در JSX Outputting Dynamic Data and Working with Expressions in JSX

• خروجی داده های پویا و کار با عبارات در JSX Outputting Dynamic Data and Working with Expressions in JSX

• انتقال داده از طریق "props" Passing Data via "props"

• انتقال داده از طریق "props" Passing Data via "props"

• راه های جایگزین عبور و دریافت/رسیدگی به "لوازم" Alternative Ways of Passing and Receiving / Handling "props"

• راه های جایگزین عبور و دریافت/رسیدگی به "لوازم" Alternative Ways of Passing and Receiving / Handling "props"

• اضافه کردن منطق جاوا اسکریپت "عادی" به کامپوننت ها Adding "normal" JavaScript Logic to Components

• اضافه کردن منطق جاوا اسکریپت "عادی" به کامپوننت ها Adding "normal" JavaScript Logic to Components

• تقسیم کامپوننت ها به اجزای متعدد Splitting Components Into Multiple Components

• تقسیم کامپوننت ها به اجزای متعدد Splitting Components Into Multiple Components

• React and Component Basics - Assignment Problem React and Component Basics - Assignment Problem

• React and Component Basics - Assignment Problem React and Component Basics - Assignment Problem

• React and Component Basics - Assignment Solution React and Component Basics - Assignment Solution

• React and Component Basics - Assignment Solution React and Component Basics - Assignment Solution

• مفهوم "ترکیب" ("لوازم کودک") The Concept of "Composition" ("children props")

• مفهوم "ترکیب" ("لوازم کودک") The Concept of "Composition" ("children props")

• اولین خلاصه A First Summary

• اولین خلاصه A First Summary

• نگاهی دقیق تر به JSX A Closer Look At JSX

• نگاهی دقیق تر به JSX A Closer Look At JSX

• سازماندهی فایل های کامپوننت Organizing Component Files

• سازماندهی فایل های کامپوننت Organizing Component Files

• یک نحو تابع جایگزین An Alternative Function Syntax

• یک نحو تابع جایگزین An Alternative Function Syntax

زمان تمرین: مبانی کامپوننت Time to Practice: Component Basics

زمان تمرین: مبانی کامپوننت Time to Practice: Component Basics

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• پروژه شروع و وظایف شما The Starting Project and Your Tasks

• پروژه شروع و وظایف شما The Starting Project and Your Tasks

• خروجی داده های مفاهیم کلیدی Outputting Key Concepts Data

• خروجی داده های مفاهیم کلیدی Outputting Key Concepts Data

• شناسایی اجزای احتمالی Identifying Possible Components

• شناسایی اجزای احتمالی Identifying Possible Components

• ایجاد و استفاده از یک کامپوننت سفارشی Creating and Using a Custom Component

• ایجاد و استفاده از یک کامپوننت سفارشی Creating and Using a Custom Component

• برون سپاری اقلام مفهومی به یک جزء قابل استفاده مجدد Outsourcing Concept Items Into a Reusable Component

• برون سپاری اقلام مفهومی به یک جزء قابل استفاده مجدد Outsourcing Concept Items Into a Reusable Component

React State و کار با رویدادها React State and Working with Events

React State و کار با رویدادها React State and Working with Events

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• گوش دادن به رویدادها و کار با مدیران رویداد Listening to Events and Working with Event Handlers

• گوش دادن به رویدادها و کار با مدیران رویداد Listening to Events and Working with Event Handlers

• نحوه اجرای توابع کامپوننت How Component Functions Are Executed

• نحوه اجرای توابع کامپوننت How Component Functions Are Executed

• کار با "دولت" Working with "State"

• کار با "دولت" Working with "State"

• نگاهی دقیق تر به قلاب "useState". A Closer Look at the "useState" Hook

• نگاهی دقیق تر به قلاب "useState". A Closer Look at the "useState" Hook

• افزودن ورودی های فرم Adding Form Inputs

• افزودن ورودی های فرم Adding Form Inputs

• گوش دادن به ورودی کاربر Listening to User Input

• گوش دادن به ورودی کاربر Listening to User Input

• کار با چندین ایالت Working with Multiple States

• کار با چندین ایالت Working with Multiple States

• استفاده از یک حالت به جای آن (و چه بهتر) Using One State Instead (And What's Better)

• استفاده از یک حالت به جای آن (و چه بهتر) Using One State Instead (And What's Better)

• به روز رسانی حالتی که به حالت قبلی بستگی دارد Updating State That Depends on the Previous State

• به روز رسانی حالتی که به حالت قبلی بستگی دارد Updating State That Depends on the Previous State

• جایگزین: ایجاد یک تابع Handler مشترک Alternative: Creating a Shared Handler Function

• جایگزین: ایجاد یک تابع Handler مشترک Alternative: Creating a Shared Handler Function

• رسیدگی به ارسال فرم Handling Form Submission

• رسیدگی به ارسال فرم Handling Form Submission

• افزودن اتصال دو طرفه Adding Two-Way Binding

• افزودن اتصال دو طرفه Adding Two-Way Binding

• ارتباط مؤلفه کودک با والدین (از پایین به بالا) Child-to-Parent Component Communication (Bottom-Up)

• ارتباط مؤلفه کودک با والدین (از پایین به بالا) Child-to-Parent Component Communication (Bottom-Up)

• بالا بردن دولت Lifting the State Up

• بالا بردن دولت Lifting the State Up

• کار با رویدادها و وضعیت - مشکل تکلیف Working with Events and State - Assignment Problem

• کار با رویدادها و وضعیت - مشکل تکلیف Working with Events and State - Assignment Problem

• کار با رویدادها و وضعیت - راه حل تکلیف Working with Events and State - Assignment Solution

• کار با رویدادها و وضعیت - راه حل تکلیف Working with Events and State - Assignment Solution

• حالت مشتق شده/محاسبه شده Derived / Computed State

• حالت مشتق شده/محاسبه شده Derived / Computed State

• مولفه‌های کنترل‌شده در مقابل مؤلفه‌های کنترل‌نشده و مؤلفه‌های بدون تابعیت در مقابل مؤلفه‌های دارای وضعیت Controlled Versus Uncontrolled Components and Stateless vs Stateful Components

• مولفه‌های کنترل‌شده در مقابل مؤلفه‌های کنترل‌نشده و مؤلفه‌های بدون تابعیت در مقابل مؤلفه‌های دارای وضعیت Controlled Versus Uncontrolled Components and Stateless vs Stateful Components

فهرست های رندر و محتوای مشروط Rendering Lists and Conditional Content

فهرست های رندر و محتوای مشروط Rendering Lists and Conditional Content

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• رندر کردن لیست داده ها Rendering Lists of Data

• رندر کردن لیست داده ها Rendering Lists of Data

• استفاده از لیست های Stateful Using Stateful Lists

• استفاده از لیست های Stateful Using Stateful Lists

• درک "کلیدها" Understanding "Keys"

• درک "کلیدها" Understanding "Keys"

• کار با لیست ها - مشکل تکلیف Working with Lists - Assignment Problem

• کار با لیست ها - مشکل تکلیف Working with Lists - Assignment Problem

• کار با لیست ها - راه حل تکلیف Working with Lists - Assignment Solution

• کار با لیست ها - راه حل تکلیف Working with Lists - Assignment Solution

• خروجی محتوای مشروط Outputting Conditional Content

• خروجی محتوای مشروط Outputting Conditional Content

• افزودن بیانیه های بازگشت مشروط Adding Conditional Return Statements

• افزودن بیانیه های بازگشت مشروط Adding Conditional Return Statements

• محتوای مشروط - مشکل تکلیف Conditional Content - Assignment Problem

• محتوای مشروط - مشکل تکلیف Conditional Content - Assignment Problem

• محتوای مشروط - حل تکلیف Conditional Content - Assignment Solution

• محتوای مشروط - حل تکلیف Conditional Content - Assignment Solution

• برنامه آزمایشی: اضافه کردن نمودار Demo App: Adding a Chart

• برنامه آزمایشی: اضافه کردن نمودار Demo App: Adding a Chart

• اضافه کردن سبک های پویا Adding Dynamic Styles

• اضافه کردن سبک های پویا Adding Dynamic Styles

• جمع بندی و مراحل بعدی Wrap Up and Next Steps

• جمع بندی و مراحل بعدی Wrap Up and Next Steps

Styling React Components Styling React Components

Styling React Components Styling React Components

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• تنظیم سبک های درون خطی پویا Setting Dynamic Inline Styles

• تنظیم سبک های درون خطی پویا Setting Dynamic Inline Styles

• تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

• تنظیم کلاس های CSS به صورت پویا Setting CSS Classes Dynamically

• معرفی Styled Components Introducing Styled Components

• معرفی Styled Components Introducing Styled Components

• اجزای سبک و لوازم دینامیک Styled Components and Dynamic Props

• اجزای سبک و لوازم دینامیک Styled Components and Dynamic Props

• کامپوننت های سبک و پرسش های رسانه ای Styled Components and Media Queries

• کامپوننت های سبک و پرسش های رسانه ای Styled Components and Media Queries

• استفاده از ماژول های CSS Using CSS Modules

• استفاده از ماژول های CSS Using CSS Modules

• سبک های پویا با ماژول های CSS Dynamic Styles with CSS Modules

• سبک های پویا با ماژول های CSS Dynamic Styles with CSS Modules

اشکال زدایی React Apps Debugging React Apps

اشکال زدایی React Apps Debugging React Apps

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• درک پیام های خطای React Understanding React Error Messages

• درک پیام های خطای React Understanding React Error Messages

• تجزیه و تحلیل جریان کد و هشدارها Analyzing Code Flow and Warnings

• تجزیه و تحلیل جریان کد و هشدارها Analyzing Code Flow and Warnings

• کار با نقاط شکست Working with Breakpoints

• کار با نقاط شکست Working with Breakpoints

• با استفاده از React DevTools Using the React DevTools

• با استفاده از React DevTools Using the React DevTools

زمان برای تمرین: یک پروژه تمرین کامل Time to Practice: A Complete Practice Project

زمان برای تمرین: یک پروژه تمرین کامل Time to Practice: A Complete Practice Project

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• پروژه اولین تمرین و وظایف شما The First Practice Project and Your Tasks

• پروژه اولین تمرین و وظایف شما The First Practice Project and Your Tasks

• تقسیم برنامه به اجزا Splitting the App Into Components

• تقسیم برنامه به اجزا Splitting the App Into Components

• رسیدگی به رویدادها Handling Events

• رسیدگی به رویدادها Handling Events

• دولت مدیریت Managing State

• دولت مدیریت Managing State

• بالا بردن دولت Lifting the State Up

• بالا بردن دولت Lifting the State Up

• خروجی کردن نتایج مشروط Outputting Results Conditionally

• خروجی کردن نتایج مشروط Outputting Results Conditionally

• اضافه کردن ماژول های CSS Adding CSS Modules

• اضافه کردن ماژول های CSS Adding CSS Modules

• معرفی پروژه دوم Introducing the Second Project

• معرفی پروژه دوم Introducing the Second Project

• افزودن کامپوننت "کاربر". Adding a "User" Component

• افزودن کامپوننت "کاربر". Adding a "User" Component

• اضافه کردن یک جزء "کارت" قابل استفاده مجدد Adding a Reusable "Card" Component

• اضافه کردن یک جزء "کارت" قابل استفاده مجدد Adding a Reusable "Card" Component

• اضافه کردن یک جزء "دکمه" قابل استفاده مجدد Adding a Reusable "Button" Component

• اضافه کردن یک جزء "دکمه" قابل استفاده مجدد Adding a Reusable "Button" Component

• مدیریت وضعیت ورودی کاربر Managing the User Input State

• مدیریت وضعیت ورودی کاربر Managing the User Input State

• اضافه کردن اعتبارسنجی و بازنشانی منطق Adding Validation and Resetting Logic

• اضافه کردن اعتبارسنجی و بازنشانی منطق Adding Validation and Resetting Logic

• اضافه کردن یک جزء لیست کاربران Adding a Users List Component

• اضافه کردن یک جزء لیست کاربران Adding a Users List Component

• مدیریت فهرست کاربران از طریق ایالت Managing a List of Users through State

• مدیریت فهرست کاربران از طریق ایالت Managing a List of Users through State

• افزودن مؤلفه «ErrorModal». Adding the "ErrorModal" Component

• افزودن مؤلفه «ErrorModal». Adding the "ErrorModal" Component

• مدیریت وضعیت خطا Managing the Error State

• مدیریت وضعیت خطا Managing the Error State

غواصی عمیق تر: کار با قطعات، پورتال ها و "Refs" Diving Deeper: Working with Fragments, Portals, and "Refs"

غواصی عمیق تر: کار با قطعات، پورتال ها و "Refs" Diving Deeper: Working with Fragments, Portals, and "Refs"

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• محدودیت ها و راه حل های JSX JSX Limitations and Workarounds

• محدودیت ها و راه حل های JSX JSX Limitations and Workarounds

• ایجاد یک کامپوننت Wrapper Creating a Wrapper Component

• ایجاد یک کامپوننت Wrapper Creating a Wrapper Component

• React Fragments React Fragments

• React Fragments React Fragments

• معرفی React Portal Introducing React Portals

• معرفی React Portal Introducing React Portals

• کار با پورتال ها Working with Portals

• کار با پورتال ها Working with Portals

• کار با "رفع" Working with "refs"

• کار با "رفع" Working with "refs"

• اجزای کنترل شده در مقابل اجزای کنترل نشده Controlled Versus Uncontrolled Components

• اجزای کنترل شده در مقابل اجزای کنترل نشده Controlled Versus Uncontrolled Components

پیشرفته: مدیریت عوارض جانبی، استفاده از کاهش دهنده ها، و استفاده از Context API Advanced: Handling Side Effects, Using Reducers, and Using the Context API

پیشرفته: مدیریت عوارض جانبی، استفاده از کاهش دهنده ها، و استفاده از Context API Advanced: Handling Side Effects, Using Reducers, and Using the Context API

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• "عوارض جانبی" و معرفی useEffect () چیست؟ What Are "Side Effects" and Introducing useEffect()

• "عوارض جانبی" و معرفی useEffect () چیست؟ What Are "Side Effects" and Introducing useEffect()

• با استفاده از قلاب useEffect(). Using the useEffect() Hook

• با استفاده از قلاب useEffect(). Using the useEffect() Hook

• useEffect() و Dependencies useEffect() and Dependencies

• useEffect() و Dependencies useEffect() and Dependencies

• با استفاده از ()useEffect Cleanup Function Using the useEffect() Cleanup Function

• با استفاده از ()useEffect Cleanup Function Using the useEffect() Cleanup Function

• خلاصه useEffect() useEffect() Summary

• خلاصه useEffect() useEffect() Summary

• معرفی useReducer() و Reducer به طور کلی Introducing useReducer() and Reducers in General

• معرفی useReducer() و Reducer به طور کلی Introducing useReducer() and Reducers in General

• با استفاده از قلاب useReducer(). Using the useReducer() Hook

• با استفاده از قلاب useReducer(). Using the useReducer() Hook

• useReducer() و useEffect() useReducer() and useEffect()

• useReducer() و useEffect() useReducer() and useEffect()

• useReducer() در مقابل useState() برای مدیریت ایالت useReducer() Versus useState() for State Management

• useReducer() در مقابل useState() برای مدیریت ایالت useReducer() Versus useState() for State Management

• معرفی React Context Introducing React Context

• معرفی React Context Introducing React Context

• با استفاده از React Context API Using the React Context API

• با استفاده از React Context API Using the React Context API

• با قلاب useContext() روی Context ضربه بزنید Tapping into Context with the useContext() Hook

• با قلاب useContext() روی Context ضربه بزنید Tapping into Context with the useContext() Hook

• ایجاد متن پویا Making Context Dynamic

• ایجاد متن پویا Making Context Dynamic

• ساخت و استفاده از یک مؤلفه ارائه دهنده زمینه سفارشی Building and Using a Custom Context Provider Component

• ساخت و استفاده از یک مؤلفه ارائه دهنده زمینه سفارشی Building and Using a Custom Context Provider Component

• React Context Limiteds React Context Limitations

• React Context Limiteds React Context Limitations

• آموزش "قوانین قلاب" Learning the "Rules of Hooks"

• آموزش "قوانین قلاب" Learning the "Rules of Hooks"

• Refactoring یک جزء ورودی Refactoring an Input Component

• Refactoring یک جزء ورودی Refactoring an Input Component

• غواصی در "داوران جلو" Diving into "Forward Refs"

• غواصی در "داوران جلو" Diving into "Forward Refs"

پروژه تمرین: ساخت اپلیکیشن سفارش غذا Practice Project: Building a Food Order App

پروژه تمرین: ساخت اپلیکیشن سفارش غذا Practice Project: Building a Food Order App

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• راه اندازی راه اندازی Starting Setup

• راه اندازی راه اندازی Starting Setup

• اضافه کردن کامپوننت "هدر". Adding a "Header" Component

• اضافه کردن کامپوننت "هدر". Adding a "Header" Component

• اضافه کردن مولفه دکمه "سبد خرید". Adding the "Cart" Button Component

• اضافه کردن مولفه دکمه "سبد خرید". Adding the "Cart" Button Component

• اضافه کردن یک جزء "غذاها". Adding a "Meals" Component

• اضافه کردن یک جزء "غذاها". Adding a "Meals" Component

• افزودن اقلام غذایی فردی و نمایش آنها Adding Individual Meal Items and Displaying Them

• افزودن اقلام غذایی فردی و نمایش آنها Adding Individual Meal Items and Displaying Them

• افزودن فرم Adding a Form

• افزودن فرم Adding a Form

• کار بر روی مولفه "سبد خرید". Working on the "Shopping Cart" Component

• کار بر روی مولفه "سبد خرید". Working on the "Shopping Cart" Component

• اضافه کردن Modal از طریق پورتال React Adding a Modal through a React Portal

• اضافه کردن Modal از طریق پورتال React Adding a Modal through a React Portal

• مدیریت سبد خرید و حالت مدال Managing Cart and Modal State

• مدیریت سبد خرید و حالت مدال Managing Cart and Modal State

• افزودن زمینه سبد خرید Adding a Cart Context

• افزودن زمینه سبد خرید Adding a Cart Context

• با استفاده از زمینه Using the Context

• با استفاده از زمینه Using the Context

• افزودن کاهش دهنده سبد خرید Adding a Cart Reducer

• افزودن کاهش دهنده سبد خرید Adding a Cart Reducer

• کار با Refs و Forward Refs Working with Refs and Forward Refs

• کار با Refs و Forward Refs Working with Refs and Forward Refs

• خروجی اقلام سبد خرید Outputting Cart Items

• خروجی اقلام سبد خرید Outputting Cart Items

• کار بر روی یک منطق کاهش دهنده پیچیده تر Working on a More Complex Reducer Logic

• کار بر روی یک منطق کاهش دهنده پیچیده تر Working on a More Complex Reducer Logic

• ساخت اقلام قابل جابجایی Making Items Removable

• ساخت اقلام قابل جابجایی Making Items Removable

• با استفاده از قلاب useEffect(). Using the useEffect() Hook

• با استفاده از قلاب useEffect(). Using the useEffect() Hook

نگاهی به پشت صحنه تکنیک های واکنش و بهینه سازی A Look Behind the Scenes of React and Optimization Techniques

نگاهی به پشت صحنه تکنیک های واکنش و بهینه سازی A Look Behind the Scenes of React and Optimization Techniques

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• چگونه واکنش واقعا کار می کند How React Really Works

• چگونه واکنش واقعا کار می کند How React Really Works

• به‌روزرسانی‌های مؤلفه در عمل Component Updates in Action

• به‌روزرسانی‌های مؤلفه در عمل Component Updates in Action

• نگاهی دقیق تر به ارزیابی مجدد اجزای کودک A Closer Look at Child Component Re-Evaluation

• نگاهی دقیق تر به ارزیابی مجدد اجزای کودک A Closer Look at Child Component Re-Evaluation

• جلوگیری از ارزیابی مجدد غیر ضروری با React.memo() Preventing Unnecessary Re-Evaluations with React.memo()

• جلوگیری از ارزیابی مجدد غیر ضروری با React.memo() Preventing Unnecessary Re-Evaluations with React.memo()

• جلوگیری از بازآفرینی عملکرد با useCallback() Preventing Function Recreation with useCallback()

• جلوگیری از بازآفرینی عملکرد با useCallback() Preventing Function Recreation with useCallback()

• useCallback() و وابستگی های آن useCallback() and Its Dependencies

• useCallback() و وابستگی های آن useCallback() and Its Dependencies

• اولین خلاصه A First Summary

• اولین خلاصه A First Summary

• نگاهی دقیق تر به حالت و اجزاء A Closer Look at State and Components

• نگاهی دقیق تر به حالت و اجزاء A Closer Look at State and Components

• درک زمان بندی و دسته بندی ایالت Understanding State Scheduling and Batching

• درک زمان بندی و دسته بندی ایالت Understanding State Scheduling and Batching

• بهینه سازی با useMemo() Optimizing with useMemo()

• بهینه سازی با useMemo() Optimizing with useMemo()

روشی جایگزین برای ساخت اجزاء: اجزای کلاس محور An Alternative Way of Building Components: Class-Based Components

روشی جایگزین برای ساخت اجزاء: اجزای کلاس محور An Alternative Way of Building Components: Class-Based Components

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• چی و چرا What and Why

• چی و چرا What and Why

• افزودن کامپوننت First Class-Based Adding the First Class-Based Component

• افزودن کامپوننت First Class-Based Adding the First Class-Based Component

• کار با ایالت و رویدادها Working with State and Events

• کار با ایالت و رویدادها Working with State and Events

• چرخه عمر مؤلفه (فقط مؤلفه‌های مبتنی بر کلاس) The Component Lifecycle (Class-Based Components Only)

• چرخه عمر مؤلفه (فقط مؤلفه‌های مبتنی بر کلاس) The Component Lifecycle (Class-Based Components Only)

• روشهای چرخه حیات در عمل Lifecycle Methods in Action

• روشهای چرخه حیات در عمل Lifecycle Methods in Action

• مولفه ها و زمینه های کلاس محور Class-Based Components and Context

• مولفه ها و زمینه های کلاس محور Class-Based Components and Context

• مولفه های مبتنی بر کلاس در مقابل عملکردی: خلاصه Class-Based Versus Functional Components: A Summary

• مولفه های مبتنی بر کلاس در مقابل عملکردی: خلاصه Class-Based Versus Functional Components: A Summary

• معرفی مرزهای خطا Introducing Error Boundaries

• معرفی مرزهای خطا Introducing Error Boundaries

ارسال درخواست های HTTP Sending HTTP Requests

ارسال درخواست های HTTP Sending HTTP Requests

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• نحوه اتصال به پایگاه داده How to Connect to a Database

• نحوه اتصال به پایگاه داده How to Connect to a Database

• برنامه شروع و Backend ما Our Starting App and Backend

• برنامه شروع و Backend ما Our Starting App and Backend

• ارسال درخواست GET Sending a GET Request

• ارسال درخواست GET Sending a GET Request

• با استفاده از Async/Await Using Async/Await

• با استفاده از Async/Await Using Async/Await

• مدیریت وضعیت بارگذاری و داده Handling Loading and Data States

• مدیریت وضعیت بارگذاری و داده Handling Loading and Data States

• مدیریت خطاهای HTTP Handling HTTP Errors

• مدیریت خطاهای HTTP Handling HTTP Errors

• استفاده از useEffect() برای درخواست ها Using useEffect() for Requests

• استفاده از useEffect() برای درخواست ها Using useEffect() for Requests

• آماده سازی پروژه برای مراحل بعدی Preparing the Project for the Next Steps

• آماده سازی پروژه برای مراحل بعدی Preparing the Project for the Next Steps

• ارسال درخواست POST Sending a POST Request

• ارسال درخواست POST Sending a POST Request

• بسته شدن Wrap Up

• بسته شدن Wrap Up

ساخت قلاب‌های واکنش سفارشی Building Custom React Hooks

ساخت قلاب‌های واکنش سفارشی Building Custom React Hooks

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• "قلاب های سفارشی" چیست؟ What Are "Custom Hooks"?

• "قلاب های سفارشی" چیست؟ What Are "Custom Hooks"?

• ایجاد یک تابع React Hook سفارشی Creating a Custom React Hook Function

• ایجاد یک تابع React Hook سفارشی Creating a Custom React Hook Function

• استفاده از قلاب های سفارشی Using Custom Hooks

• استفاده از قلاب های سفارشی Using Custom Hooks

• پیکربندی قلاب های سفارشی Configuring Custom Hooks

• پیکربندی قلاب های سفارشی Configuring Custom Hooks

• پیش به سوی یک مثال واقعی تر Onward to a More Realistic Example

• پیش به سوی یک مثال واقعی تر Onward to a More Realistic Example

• ساخت یک هوک HTTP سفارشی Building a Custom HTTP Hook

• ساخت یک هوک HTTP سفارشی Building a Custom HTTP Hook

• استفاده از هوک سفارشی HTTP Using the Custom HTTP Hook

• استفاده از هوک سفارشی HTTP Using the Custom HTTP Hook

• تنظیم منطق هوک سفارشی Adjusting the Custom Hook Logic

• تنظیم منطق هوک سفارشی Adjusting the Custom Hook Logic

• استفاده از هوک سفارشی در اجزای بیشتر Using the Custom Hook in More Components

• استفاده از هوک سفارشی در اجزای بیشتر Using the Custom Hook in More Components

کار با فرم ها و ورودی کاربر Working with Forms and User Input

کار با فرم ها و ورودی کاربر Working with Forms and User Input

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• راه اندازی شروع ما Our Starting Setup

• راه اندازی شروع ما Our Starting Setup

• چه چیزی در مورد فرم ها پیچیده است؟ What's So Complex about Forms?

• چه چیزی در مورد فرم ها پیچیده است؟ What's So Complex about Forms?

• رسیدگی به ارسال فرم و دریافت مقادیر ورودی کاربر Dealing with Form Submission and Getting User Input Values

• رسیدگی به ارسال فرم و دریافت مقادیر ورودی کاربر Dealing with Form Submission and Getting User Input Values

• افزودن اعتبارسنجی پایه Adding Basic Validation

• افزودن اعتبارسنجی پایه Adding Basic Validation

• ارائه بازخورد اعتبارسنجی Providing Validation Feedback

• ارائه بازخورد اعتبارسنجی Providing Validation Feedback

• رسیدگی به حالت "لمس شد". Handling the "was touched" State

• رسیدگی به حالت "لمس شد". Handling the "was touched" State

• به تمرکز از دست رفته واکنش نشان دهید React to Lost Focus

• به تمرکز از دست رفته واکنش نشان دهید React to Lost Focus

• احیاء و استخراج ایالات Refactoring and Deriving States

• احیاء و استخراج ایالات Refactoring and Deriving States

• مدیریت اعتبار فرم کلی Managing the Overall Form Validity

• مدیریت اعتبار فرم کلی Managing the Overall Form Validity

• زمان تمرین: فرم ها - مشکل Time to Practice: Forms - Problem

• زمان تمرین: فرم ها - مشکل Time to Practice: Forms - Problem

• زمان تمرین: فرم ها - راه حل Time to Practice: Forms - Solution

• زمان تمرین: فرم ها - راه حل Time to Practice: Forms - Solution

• اضافه کردن یک قلاب ورودی سفارشی Adding a Custom Input Hook

• اضافه کردن یک قلاب ورودی سفارشی Adding a Custom Input Hook

• استفاده مجدد از هوک سفارشی Reusing the Custom Hook

• استفاده مجدد از هوک سفارشی Reusing the Custom Hook

• یک چالش برای شما! A Challenge for You!

• یک چالش برای شما! A Challenge for You!

• استفاده از قلاب و دانش ما در یک فرم جدید Applying Our Hook and Knowledge to a New Form

• استفاده از قلاب و دانش ما در یک فرم جدید Applying Our Hook and Knowledge to a New Form

• خلاصه Summary

• خلاصه Summary

• امتیاز: استفاده از useReducer() Bonus: Using useReducer()

• امتیاز: استفاده از useReducer() Bonus: Using useReducer()

پروژه تمرین: اضافه کردن HTTP و فرم ها به برنامه سفارش غذا Practice Project: Adding HTTP and Forms to the Food Order App

پروژه تمرین: اضافه کردن HTTP و فرم ها به برنامه سفارش غذا Practice Project: Adding HTTP and Forms to the Food Order App

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• انتقال داده های "غذاهای غذایی" به Backend Moving "Meals" Data to the Backend

• انتقال داده های "غذاهای غذایی" به Backend Moving "Meals" Data to the Backend

• واکشی وعده های غذایی از طریق HTTP Fetching Meals through HTTP

• واکشی وعده های غذایی از طریق HTTP Fetching Meals through HTTP

• رسیدگی به وضعیت بارگیری Handling the Loading State

• رسیدگی به وضعیت بارگیری Handling the Loading State

• رسیدگی به خطاها Handling Errors

• رسیدگی به خطاها Handling Errors

• افزودن فرم پرداخت Adding a Checkout Form

• افزودن فرم پرداخت Adding a Checkout Form

• خواندن مقادیر فرم Reading Form Values

• خواندن مقادیر فرم Reading Form Values

• افزودن اعتبار سنجی فرم Adding Form Validation

• افزودن اعتبار سنجی فرم Adding Form Validation

• ارسال و ارسال اطلاعات سبد خرید Submitting and Sending Cart Data

• ارسال و ارسال اطلاعات سبد خرید Submitting and Sending Cart Data

• افزودن بازخورد بهتر کاربر Adding Better User Feedback

• افزودن بازخورد بهتر کاربر Adding Better User Feedback

• خلاصه Summary

• خلاصه Summary

غواصی در Redux Diving into Redux

غواصی در Redux Diving into Redux

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• نگاهی دیگر به State در React Apps Another Look at State in React Apps

• نگاهی دیگر به State در React Apps Another Look at State in React Apps

• Redux در مقابل React Context Redux versus React Context

• Redux در مقابل React Context Redux versus React Context

• Redux چگونه کار می کند How Redux Works

• Redux چگونه کار می کند How Redux Works

• کاوش در مفاهیم اصلی Redux Exploring the Core Redux Concepts

• کاوش در مفاهیم اصلی Redux Exploring the Core Redux Concepts

• اصول اولیه Redux بیشتر More Redux Basics

• اصول اولیه Redux بیشتر More Redux Basics

• آماده سازی یک پروژه جدید Preparing a New Project

• آماده سازی یک پروژه جدید Preparing a New Project

• ایجاد یک فروشگاه Redux برای React Creating a Redux Store for React

• ایجاد یک فروشگاه Redux برای React Creating a Redux Store for React

• ارائه فروشگاه Providing the Store

• ارائه فروشگاه Providing the Store

• استفاده از Redux Data در React Components Using Redux Data in React Components

• استفاده از Redux Data در React Components Using Redux Data in React Components

• ارسال اقدامات از اجزای داخلی Dispatching Actions from Inside Components

• ارسال اقدامات از اجزای داخلی Dispatching Actions from Inside Components

• Redux با اجزای کلاس محور Redux with Class-Based Components

• Redux با اجزای کلاس محور Redux with Class-Based Components

• پیوست کردن Payloads به Actions Attaching Payloads to Actions

• پیوست کردن Payloads به Actions Attaching Payloads to Actions

• کار با چندین ویژگی دولتی Working with Multiple State Properties

• کار با چندین ویژگی دولتی Working with Multiple State Properties

• نحوه صحیح کار با Redux State How to Work with Redux State Correctly

• نحوه صحیح کار با Redux State How to Work with Redux State Correctly

• چالش های Redux و معرفی Redux Toolkit Redux Challenges and Introducing Redux Toolkit

• چالش های Redux و معرفی Redux Toolkit Redux Challenges and Introducing Redux Toolkit

• افزودن برش های حالت Adding State Slices

• افزودن برش های حالت Adding State Slices

• اتصال وضعیت Redux Toolkit Connecting Redux Toolkit State

• اتصال وضعیت Redux Toolkit Connecting Redux Toolkit State

• انتقال همه چیز به Redux Toolkit Migrating Everything to Redux Toolkit

• انتقال همه چیز به Redux Toolkit Migrating Everything to Redux Toolkit

• کار با چند برش Working with Multiple Slices

• کار با چند برش Working with Multiple Slices

• خواندن و ارسال از یک برش جدید Reading and Dispatching from a New Slice

• خواندن و ارسال از یک برش جدید Reading and Dispatching from a New Slice

• تقسیم کد ما Splitting Our Code

• تقسیم کد ما Splitting Our Code

• خلاصه Summary

• خلاصه Summary

Redux پیشرفته Advanced Redux

Redux پیشرفته Advanced Redux

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• Redux و عوارض جانبی (و کد ناهمزمان) Redux and Side Effects (And Asynchronous Code)

• Redux و عوارض جانبی (و کد ناهمزمان) Redux and Side Effects (And Asynchronous Code)

• تجدید/تمرین: قسمت 1 Refresher/Practice: Part 1

• تجدید/تمرین: قسمت 1 Refresher/Practice: Part 1

• تجدید/تمرین: قسمت 2 Refresher/Practice: Part 2

• تجدید/تمرین: قسمت 2 Refresher/Practice: Part 2

• Redux و کد Async Redux and Async Code

• Redux و کد Async Redux and Async Code

• کد Frontend در مقابل کد Backend Frontend Code Versus Backend Code

• کد Frontend در مقابل کد Backend Frontend Code Versus Backend Code

• کجا منطق خود را قرار دهیم Where to Put Our Logic

• کجا منطق خود را قرار دهیم Where to Put Our Logic

• استفاده از useEffect() با Redux Using useEffect() with Redux

• استفاده از useEffect() با Redux Using useEffect() with Redux

• مدیریت وضعیت HTTP و بازخورد با Redux Handling HTTP States and Feedback with Redux

• مدیریت وضعیت HTTP و بازخورد با Redux Handling HTTP States and Feedback with Redux

• استفاده از Action Creator Thunk Using an Action Creator Thunk

• استفاده از Action Creator Thunk Using an Action Creator Thunk

• شروع با واکشی داده ها Getting Started with Fetching Data

• شروع با واکشی داده ها Getting Started with Fetching Data

• نهایی کردن منطق واکشی Finalizing the Fetching Logic

• نهایی کردن منطق واکشی Finalizing the Fetching Logic

• کاوش Redux DevTools Exploring the Redux DevTools

• کاوش Redux DevTools Exploring the Redux DevTools

• خلاصه Summary

• خلاصه Summary

ساخت SPA چند صفحه ای با روتر React Building a Multi-Page SPA with React Router

ساخت SPA چند صفحه ای با روتر React Building a Multi-Page SPA with React Router

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• مسیریابی: چندین صفحه در برنامه های تک صفحه ای Routing: Multiple Pages in Single-Page Applications

• مسیریابی: چندین صفحه در برنامه های تک صفحه ای Routing: Multiple Pages in Single-Page Applications

• راه اندازی پروژه و نصب روتر React Project Setup and Installing React Router

• راه اندازی پروژه و نصب روتر React Project Setup and Installing React Router

• تعریف مسیرها Defining Routes

• تعریف مسیرها Defining Routes

• افزودن مسیر دوم Adding a Second Route

• افزودن مسیر دوم Adding a Second Route

• کاوش یک روش جایگزین برای تعریف مسیرها Exploring an Alternative Way of Defining Routes

• کاوش یک روش جایگزین برای تعریف مسیرها Exploring an Alternative Way of Defining Routes

• پیمایش بین صفحات با لینک Navigating Between Pages with Links

• پیمایش بین صفحات با لینک Navigating Between Pages with Links

• طرح‌بندی‌ها و مسیرهای تودرتو Layouts and Nested Routes

• طرح‌بندی‌ها و مسیرهای تودرتو Layouts and Nested Routes

• نمایش صفحات خطا با errorElement Showing Error Pages with errorElement

• نمایش صفحات خطا با errorElement Showing Error Pages with errorElement

• کار با پیوندهای ناوبری (NavLink) Working with Navigation Links (NavLink)

• کار با پیوندهای ناوبری (NavLink) Working with Navigation Links (NavLink)

• پیمایش به صورت برنامه ای Navigating Programmatically

• پیمایش به صورت برنامه ای Navigating Programmatically

• تعریف و استفاده از مسیرهای پویا Defining and Using Dynamic Routes

• تعریف و استفاده از مسیرهای پویا Defining and Using Dynamic Routes

• افزودن لینک برای مسیرهای پویا Adding Links for Dynamic Routes

• افزودن لینک برای مسیرهای پویا Adding Links for Dynamic Routes

• درک مسیرهای نسبی و مطلق Understanding Relative and Absolute Paths

• درک مسیرهای نسبی و مطلق Understanding Relative and Absolute Paths

• کار با مسیرهای شاخص Working with Index Routes

• کار با مسیرهای شاخص Working with Index Routes

• به سمت راه اندازی پروژه جدید Onward to a New Project Setup

• به سمت راه اندازی پروژه جدید Onward to a New Project Setup

• زمان تمرین: مشکل Time to Practice: Problem

• زمان تمرین: مشکل Time to Practice: Problem

• زمان تمرین: راه حل Time to Practice: Solution

• زمان تمرین: راه حل Time to Practice: Solution

• واکشی داده با لودر() Data Fetching with a loader()

• واکشی داده با لودر() Data Fetching with a loader()

• استفاده از داده ها از یک لودر در کامپوننت مسیر Using Data from a Loader in the Route Component

• استفاده از داده ها از یک لودر در کامپوننت مسیر Using Data from a Loader in the Route Component

• بیشتر loader() استفاده از داده More loader() Data Usage

• بیشتر loader() استفاده از داده More loader() Data Usage

• کد loader() کجا باید ذخیره شود؟ Where Should loader() Code Be Stored?

• کد loader() کجا باید ذخیره شود؟ Where Should loader() Code Be Stored?

• توابع loader() چه زمانی اجرا می شوند؟ When Are loader() Functions Executed?

• توابع loader() چه زمانی اجرا می شوند؟ When Are loader() Functions Executed?

• انعکاس وضعیت ناوبری فعلی در رابط کاربری Reflecting the Current Navigation State in the UI

• انعکاس وضعیت ناوبری فعلی در رابط کاربری Reflecting the Current Navigation State in the UI

• بازگرداندن پاسخ ها در لودر()ها Returning Responses in loader()s

• بازگرداندن پاسخ ها در لودر()ها Returning Responses in loader()s

• کدام نوع کد وارد لودر()ها می شود؟ Which Kind of Code Goes into loader()s?

• کدام نوع کد وارد لودر()ها می شود؟ Which Kind of Code Goes into loader()s?

• مدیریت خطا با خطاهای سفارشی Error Handling with Custom Errors

• مدیریت خطا با خطاهای سفارشی Error Handling with Custom Errors

• استخراج داده های خطا و پرتاب پاسخ ها Extracting Error Data and Throwing Responses

• استخراج داده های خطا و پرتاب پاسخ ها Extracting Error Data and Throwing Responses

• تابع json() Utility The json() Utility Function

• تابع json() Utility The json() Utility Function

• مسیرهای پویا و لودر()ها Dynamic Routes and loader()s

• مسیرهای پویا و لودر()ها Dynamic Routes and loader()s

• قلاب useRouteLoaderData() و دسترسی به داده ها از مسیرهای دیگر The useRouteLoaderData() Hook and Accessing Data from Other Routes

• قلاب useRouteLoaderData() و دسترسی به داده ها از مسیرهای دیگر The useRouteLoaderData() Hook and Accessing Data from Other Routes

• برنامه ریزی ارسال داده ها Planning Data Submission

• برنامه ریزی ارسال داده ها Planning Data Submission

• کار با توابع () action Working with action() Functions

• کار با توابع () action Working with action() Functions

• ارسال داده ها به صورت برنامه ای Submitting Data Programmatically

• ارسال داده ها به صورت برنامه ای Submitting Data Programmatically

• به روز رسانی وضعیت رابط کاربری بر اساس وضعیت ارسال Updating the UI State Based on the Submission Status

• به روز رسانی وضعیت رابط کاربری بر اساس وضعیت ارسال Updating the UI State Based on the Submission Status

• اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی Validating User Input and Outputting Validation Errors

• اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی Validating User Input and Outputting Validation Errors

• استفاده مجدد از اقدامات از طریق روش‌های درخواست Reusing Actions through Request Methods

• استفاده مجدد از اقدامات از طریق روش‌های درخواست Reusing Actions through Request Methods

• پشت صحنه کار با useFetcher() Behind-the-Scenes Work with useFetcher()

• پشت صحنه کار با useFetcher() Behind-the-Scenes Work with useFetcher()

• به تعویق انداختن واکشی داده با defer() Deferring Data Fetching with defer()

• به تعویق انداختن واکشی داده با defer() Deferring Data Fetching with defer()

• کنترل اینکه کدام داده ها باید به تعویق بیفتند Controlling Which Data Should Be Deferred

• کنترل اینکه کدام داده ها باید به تعویق بیفتند Controlling Which Data Should Be Deferred

• خلاصه ماژول Module Summary

• خلاصه ماژول Module Summary

افزودن احراز هویت به برنامه های React Adding Authentication to React Apps

افزودن احراز هویت به برنامه های React Adding Authentication to React Apps

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• احراز هویت چگونه کار می کند How Authentication Works

• احراز هویت چگونه کار می کند How Authentication Works

• راه اندازی پروژه و راه اندازی مسیر Project Setup and Route Setup

• راه اندازی پروژه و راه اندازی مسیر Project Setup and Route Setup

• کار با پارامترهای پرس و جو Working with Query Parameters

• کار با پارامترهای پرس و جو Working with Query Parameters

• اجرای Auth Action Implementing the Auth Action

• اجرای Auth Action Implementing the Auth Action

• اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی Validating User Input and Outputting Validation Errors

• اعتبارسنجی ورودی کاربر و خروجی خطاهای اعتبارسنجی Validating User Input and Outputting Validation Errors

• افزودن ورود کاربر Adding User Login

• افزودن ورود کاربر Adding User Login

• پیوست کردن توکن‌های تأیید اعتبار به درخواست‌های خروجی Attaching Auth Tokens to Outgoing Requests

• پیوست کردن توکن‌های تأیید اعتبار به درخواست‌های خروجی Attaching Auth Tokens to Outgoing Requests

• افزودن خروج کاربر Adding User Logout

• افزودن خروج کاربر Adding User Logout

• به روز رسانی UI بر اساس وضعیت Auth Updating the UI Based on Auth Status

• به روز رسانی UI بر اساس وضعیت Auth Updating the UI Based on Auth Status

• افزودن Route Protection Adding Route Protection

• افزودن Route Protection Adding Route Protection

• اضافه کردن خروج خودکار Adding Automatic Logout

• اضافه کردن خروج خودکار Adding Automatic Logout

• مدیریت انقضای توکن Managing the Token Expiration

• مدیریت انقضای توکن Managing the Token Expiration

استقرار React Apps Deploying React Apps

استقرار React Apps Deploying React Apps

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• مراحل استقرار Deployment Steps

• مراحل استقرار Deployment Steps

• درک بارگذاری تنبل Understanding Lazy Loading

• درک بارگذاری تنبل Understanding Lazy Loading

• اضافه کردن Lazy Loading Adding Lazy Loading

• اضافه کردن Lazy Loading Adding Lazy Loading

• ایجاد کد برای تولید Building the Code for Production

• ایجاد کد برای تولید Building the Code for Production

• مثال استقرار Deployment Example

• مثال استقرار Deployment Example

• مسیریابی سمت سرور و پیکربندی مورد نیاز Server-Side Routing and Required Configuration

• مسیریابی سمت سرور و پیکربندی مورد نیاز Server-Side Routing and Required Configuration

مقدمه ای بر Next.js An Introduction to Next.js

مقدمه ای بر Next.js An Introduction to Next.js

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• NextJS چیست؟ What Is NextJS?

• NextJS چیست؟ What Is NextJS?

• ویژگی کلیدی 1: رندر داخلی سمت سرور (سئو بهبود یافته) Key Feature 1: Built-In Server-Side Rendering (Improved SEO)

• ویژگی کلیدی 1: رندر داخلی سمت سرور (سئو بهبود یافته) Key Feature 1: Built-In Server-Side Rendering (Improved SEO)

• ویژگی کلیدی 2: مسیریابی ساده با مسیریابی مبتنی بر فایل Key Feature 2: Simplified Routing with File-Based Routing

• ویژگی کلیدی 2: مسیریابی ساده با مسیریابی مبتنی بر فایل Key Feature 2: Simplified Routing with File-Based Routing

• ویژگی کلیدی 3: ساخت برنامه های Fullstack Key Feature 3: Build Fullstack Apps

• ویژگی کلیدی 3: ساخت برنامه های Fullstack Key Feature 3: Build Fullstack Apps

• ایجاد یک پروژه و برنامه Next.js جدید Creating a New Next.js Project and App

• ایجاد یک پروژه و برنامه Next.js جدید Creating a New Next.js Project and App

• تجزیه و تحلیل پروژه ایجاد شده Analyzing the Created Project

• تجزیه و تحلیل پروژه ایجاد شده Analyzing the Created Project

• افزودن صفحات اول Adding First Pages

• افزودن صفحات اول Adding First Pages

• افزودن مسیرها و صفحات تودرتو (مسیرهای تودرتو) Adding Nested Paths and Pages (Nested Routes)

• افزودن مسیرها و صفحات تودرتو (مسیرهای تودرتو) Adding Nested Paths and Pages (Nested Routes)

• ایجاد صفحات پویا (با پارامترها) Creating Dynamic Pages (With Parameters)

• ایجاد صفحات پویا (با پارامترها) Creating Dynamic Pages (With Parameters)

• استخراج مقادیر پارامترهای پویا Extracting Dynamic Parameter Values

• استخراج مقادیر پارامترهای پویا Extracting Dynamic Parameter Values

• پیوند بین صفحات Linking Between Pages

• پیوند بین صفحات Linking Between Pages

• پیش به سوی یک پروژه بزرگتر Onward to a Bigger Project

• پیش به سوی یک پروژه بزرگتر Onward to a Bigger Project

• آماده سازی صفحات پروژه Preparing the Project Pages

• آماده سازی صفحات پروژه Preparing the Project Pages

• خروجی لیستی از جلسات Outputting a List of Meetups

• خروجی لیستی از جلسات Outputting a List of Meetups

• افزودن فرم جدید Meetup Adding the New Meetup Form

• افزودن فرم جدید Meetup Adding the New Meetup Form

• فایل "_app.js" و بسته بندی طرح بندی The "_app.js" File and Layout Wrapper

• فایل "_app.js" و بسته بندی طرح بندی The "_app.js" File and Layout Wrapper

• با استفاده از ناوبری برنامه ای (ضروری). Using Programmatic (Imperative) Navigation

• با استفاده از ناوبری برنامه ای (ضروری). Using Programmatic (Imperative) Navigation

• اضافه کردن اجزای سفارشی و ماژول های CSS Adding Custom Components and CSS Modules

• اضافه کردن اجزای سفارشی و ماژول های CSS Adding Custom Components and CSS Modules

• پیش رندر چگونه کار می کند و با کدام مشکل روبرو هستیم How Pre-Rendering Works and Which Problem We Face

• پیش رندر چگونه کار می کند و با کدام مشکل روبرو هستیم How Pre-Rendering Works and Which Problem We Face

• واکشی داده برای صفحات استاتیک Data Fetching for Static Pages

• واکشی داده برای صفحات استاتیک Data Fetching for Static Pages

• تولید سایت ایستا (SSG) Static Site Generation (SSG)

• تولید سایت ایستا (SSG) Static Site Generation (SSG)

• کاوش رندر سمت سرور (SSR) با "getServerSideProps" Exploring Server-side Rendering (SSR) with "getServerSideProps"

• کاوش رندر سمت سرور (SSR) با "getServerSideProps" Exploring Server-side Rendering (SSR) with "getServerSideProps"

• کار با Params برای SSG Data Fetching Working with Params for SSG Data Fetching

• کار با Params برای SSG Data Fetching Working with Params for SSG Data Fetching

• آماده سازی مسیرها با "getStaticPaths" و کار با صفحات بازگشتی Preparing Paths with "getStaticPaths" and Working with Fallback Pages

• آماده سازی مسیرها با "getStaticPaths" و کار با صفحات بازگشتی Preparing Paths with "getStaticPaths" and Working with Fallback Pages

• معرفی مسیرهای API Introducing API Routes

• معرفی مسیرهای API Introducing API Routes

• کار با MongoDB Working with MongoDB

• کار با MongoDB Working with MongoDB

• ارسال درخواست های HTTP به مسیرهای API ما Sending HTTP Requests to Our API Routes

• ارسال درخواست های HTTP به مسیرهای API ما Sending HTTP Requests to Our API Routes

• دریافت داده از پایگاه داده Getting Data from the Database

• دریافت داده از پایگاه داده Getting Data from the Database

• دریافت داده های جزئیات Meetup و آماده سازی صفحات Getting Meetup Details Data and Preparing Pages

• دریافت داده های جزئیات Meetup و آماده سازی صفحات Getting Meetup Details Data and Preparing Pages

• افزودن ابرداده "سر". Adding "head" Metadata

• افزودن ابرداده "سر". Adding "head" Metadata

• استقرار پروژه های Next.js Deploying Next.js Projects

• استقرار پروژه های Next.js Deploying Next.js Projects

• استفاده از صفحات بازگشتی و استقرار مجدد Using Fallback Pages and Redeploying

• استفاده از صفحات بازگشتی و استقرار مجدد Using Fallback Pages and Redeploying

• خلاصه Summary

• خلاصه Summary

متحرک سازی برنامه های React Animating React Apps

متحرک سازی برنامه های React Animating React Apps

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• آماده سازی پروژه آزمایشی Preparing the Demo Project

• آماده سازی پروژه آزمایشی Preparing the Demo Project

• استفاده از CSS Transitions Using CSS Transitions

• استفاده از CSS Transitions Using CSS Transitions

• استفاده از انیمیشن های CSS Using CSS Animations

• استفاده از انیمیشن های CSS Using CSS Animations

• محدودیت های انتقال CSS و انیمیشن ها CSS Transition and Animations Limitations

• محدودیت های انتقال CSS و انیمیشن ها CSS Transition and Animations Limitations

• با استفاده از ReactTransitionGroup Using ReactTransitionGroup

• با استفاده از ReactTransitionGroup Using ReactTransitionGroup

• استفاده از مولفه انتقال Using the Transition Component

• استفاده از مولفه انتقال Using the Transition Component

• بسته بندی مولفه انتقال Wrapping the Transition Component

• بسته بندی مولفه انتقال Wrapping the Transition Component

• زمان بندی انیمیشن Animation Timings

• زمان بندی انیمیشن Animation Timings

• رویدادهای انتقالی Transition Events

• رویدادهای انتقالی Transition Events

• مولفه CSSTransition The CSSTransition Component

• مولفه CSSTransition The CSSTransition Component

• سفارشی کردن نام کلاس های CSS Customizing CSS Classnames

• سفارشی کردن نام کلاس های CSS Customizing CSS Classnames

• لیست های متحرک Animating Lists

• لیست های متحرک Animating Lists

• بسته های انیمیشن جایگزین Alternative Animation Packages

• بسته های انیمیشن جایگزین Alternative Animation Packages

• بسته شدن Wrap Up

• بسته شدن Wrap Up

جایگزینی Redux با React Hooks Replacing Redux with React Hooks

جایگزینی Redux با React Hooks Replacing Redux with React Hooks

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• شروع پروژه و چرا باید Redux را جایگزین کنید Starting Project and Why You Would Replace Redux

• شروع پروژه و چرا باید Redux را جایگزین کنید Starting Project and Why You Would Replace Redux

• جایگزین: استفاده از Context API Alternative: Using the Context API

• جایگزین: استفاده از Context API Alternative: Using the Context API

• تغییر موارد دلخواه با Context API Toggling Favorites with the Context API

• تغییر موارد دلخواه با Context API Toggling Favorites with the Context API

• Context API خلاصه Context API Summary

• Context API خلاصه Context API Summary

• شروع کار با یک قلاب سفارشی به عنوان یک فروشگاه Getting Started with a Custom Hook as a Store

• شروع کار با یک قلاب سفارشی به عنوان فروشگاه Getting Started with a Custom Hook as a Store

• اتمام قلاب فروشگاه Finishing the Store Hook

• اتمام قلاب فروشگاه Finishing the Store Hook

• ایجاد فروشگاه بتن Creating a Concrete Store

• ایجاد فروشگاه بتن Creating a Concrete Store

• با استفاده از فروشگاه سفارشی Using the Custom Store

• با استفاده از فروشگاه سفارشی Using the Custom Store

• خلاصه فروشگاه هوک سفارشی Custom Hook Store Summary

• خلاصه فروشگاه هوک سفارشی Custom Hook Store Summary

• بهینه سازی فروشگاه هوک سفارشی Optimizing the Custom Hook Store

• بهینه سازی فروشگاه هوک سفارشی Optimizing the Custom Hook Store

• بسته شدن Wrap Up

• بسته شدن Wrap Up

تست برنامه های React Testing React Apps

تست برنامه های React Testing React Apps

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• چی و چرا؟ What and Why?

• چی و چرا؟ What and Why?

• درک انواع مختلف آزمون ها Understanding Different Kinds of Tests

• درک انواع مختلف آزمون ها Understanding Different Kinds of Tests

• چه چیزی را تست کنیم و چگونه تست کنیم What to Test and How to Test

• چه چیزی را تست کنیم و چگونه تست کنیم What to Test and How to Test

• آشنایی با تنظیمات فنی و ابزارهای مرتبط Understanding the Technical Setup and Involved Tools

• آشنایی با تنظیمات فنی و ابزارهای مرتبط Understanding the Technical Setup and Involved Tools

• اجرای اولین آزمون Running the First Test

• اجرای اولین آزمون Running the First Test

• نوشتن اولین آزمون ما Writing Our First Test

• نوشتن اولین آزمون ما Writing Our First Test

• گروه بندی تست ها با مجموعه های تست Grouping Tests Together with Test Suites

• گروه بندی تست ها با مجموعه های تست Grouping Tests Together with Test Suites

• تست تعامل و وضعیت کاربر Testing User Interaction and State

• تست تعامل و وضعیت کاربر Testing User Interaction and State

• تست اجزای متصل Testing Connected Components

• تست اجزای متصل Testing Connected Components

• تست کد ناهمزمان Testing Asynchronous Code

• تست کد ناهمزمان Testing Asynchronous Code

• کار با Mocks Working with Mocks

• کار با Mocks Working with Mocks

• خلاصه و منابع بیشتر Summary and Further Resources

• خلاصه و منابع بیشتر Summary and Further Resources

React و TypeScript React and TypeScript

React و TypeScript React and TypeScript

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• چی و چرا؟ What and Why?

• چی و چرا؟ What and Why?

• نصب و استفاده از TypeScript Installing and Using TypeScript

• نصب و استفاده از TypeScript Installing and Using TypeScript

• بررسی انواع پایه Exploring the Base Types

• بررسی انواع پایه Exploring the Base Types

• کار با آرایه و انواع شی Working with Array and Object Types

• کار با آرایه و انواع شی Working with Array and Object Types

• درک نوع استنتاج Understanding Type Inference

• درک نوع استنتاج Understanding Type Inference

• استفاده از Union Types Using Union Types

• استفاده از Union Types Using Union Types

• آشنایی با نام مستعار نوع Understanding Type Aliases

• آشنایی با نام مستعار نوع Understanding Type Aliases

• توابع و انواع توابع Functions and Function Types

• توابع و انواع توابع Functions and Function Types

• غواصی در Generics Diving into Generics

• غواصی در Generics Diving into Generics

• ایجاد یک پروژه React + TypeScript Creating a React + TypeScript Project

• ایجاد یک پروژه React + TypeScript Creating a React + TypeScript Project

• کار با کامپوننت ها و TypeScript Working with Components and TypeScript

• کار با کامپوننت ها و TypeScript Working with Components and TypeScript

• کار با Props و TypeScript Working with Props and TypeScript

• کار با Props و TypeScript Working with Props and TypeScript

• افزودن مدل داده Adding a Data Model

• افزودن مدل داده Adding a Data Model

• زمان تمرین: زمان ورزش! Time to Practice: Exercise Time!

• زمان تمرین: زمان ورزش! Time to Practice: Exercise Time!

• فرم های ارسالی در پروژه های TypeScript Form Submissions in TypeScript Projects

• فرم های ارسالی در پروژه های TypeScript Form Submissions in TypeScript Projects

• کار با refs و userRef() Working with refs and useRef()

• کار با refs و userRef() Working with refs and useRef()

• کار با "Function Props" Working with "Function Props"

• کار با "Function Props" Working with "Function Props"

• مدیریت State و TypeScript Managing State and TypeScript

• مدیریت State و TypeScript Managing State and TypeScript

• اضافه کردن یک ظاهر طراحی شده Adding Styling

• اضافه کردن یک ظاهر طراحی شده Adding Styling

• زمان برای تمرین: حذف یک Todo Time to Practice: Removing a Todo

• زمان برای تمرین: حذف یک Todo Time to Practice: Removing a Todo

• Context API و TypeScript The Context API and TypeScript

• Context API و TypeScript The Context API and TypeScript

• خلاصه Summary

• خلاصه Summary

• امتیاز: کاوش tsconfig.json Bonus: Exploring tsconfig.json

• امتیاز: کاوش tsconfig.json Bonus: Exploring tsconfig.json

اختیاری: معرفی و خلاصه React Hooks Optional: React Hooks Introduction and Summary

اختیاری: معرفی و خلاصه React Hooks Optional: React Hooks Introduction and Summary

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• React Hooks چیست؟ What Are React Hooks?

• React Hooks چیست؟ What Are React Hooks?

• پروژه شروع The Starting Project

• پروژه شروع The Starting Project

• شروع کار با useState() Getting Started with useState()

• شروع کار با useState() Getting Started with useState()

• اطلاعات بیشتر در مورد useState() و State Updating More on useState() and State Updating

• اطلاعات بیشتر در مورد useState() و State Updating More on useState() and State Updating

• تخریب آرایه Array Destructuring

• تخریب آرایه Array Destructuring

• ایالت های متعدد Multiple States

• ایالت های متعدد Multiple States

• قوانین قلاب Rules of Hooks

• قوانین قلاب Rules of Hooks

• انتقال داده های حالت از طریق مؤلفه ها Passing State Data Across Components

• انتقال داده های حالت از طریق مؤلفه ها Passing State Data Across Components

• زمان تمرین: مبانی قلاب - مشکل Time to Practice: Hooks Basics - Problem

• زمان تمرین: مبانی قلاب - مشکل Time to Practice: Hooks Basics - Problem

• زمان تمرین: اصول اولیه قلاب - راه حل Time to Practice: Hooks Basics - Solution

• زمان تمرین: اصول اولیه قلاب - راه حل Time to Practice: Hooks Basics - Solution

• ارسال درخواست های HTTP Sending HTTP Requests

• ارسال درخواست های HTTP Sending HTTP Requests

• useEffect() و Loading Data useEffect() and Loading Data

• useEffect() و Loading Data useEffect() and Loading Data

• درک وابستگی های useEffect(). Understanding useEffect() Dependencies

• درک وابستگی های useEffect(). Understanding useEffect() Dependencies

• اطلاعات بیشتر در مورد useEffect() More on useEffect()

• اطلاعات بیشتر در مورد useEffect() More on useEffect()

• useCallback() چیست؟ What's useCallback()?

• useCallback() چیست؟ What's useCallback()?

• کار با Refs و userRef() Working with Refs and useRef()

• کار با Refs و userRef() Working with Refs and useRef()

• پاکسازی با useEffect() Cleaning Up with useEffect()

• پاکسازی با useEffect() Cleaning Up with useEffect()

• حذف مواد تشکیل دهنده Deleting Ingredients

• حذف مواد تشکیل دهنده Deleting Ingredients

• خطاهای بارگذاری و دسته بندی حالت Loading Errors and State Batching

• خطاهای بارگذاری و دسته بندی حالت Loading Errors and State Batching

• درک useReducer() Understanding useReducer()

• درک useReducer() Understanding useReducer()

• استفاده از useReducer() برای وضعیت HTTP Using useReducer() for the HTTP State

• استفاده از useReducer() برای وضعیت HTTP Using useReducer() for the HTTP State

• کار با useContext() Working with useContext()

• کار با useContext() Working with useContext()

• بهینه سازی عملکرد با useMemo() Performance Optimizations with useMemo()

• بهینه سازی عملکرد با useMemo() Performance Optimizations with useMemo()

• شروع کار با قلاب های سفارشی Getting Started with Custom Hooks

• شروع کار با قلاب های سفارشی Getting Started with Custom Hooks

• به اشتراک گذاری داده ها بین قلاب ها و اجزای سفارشی Sharing Data Between Custom Hooks and Components

• به اشتراک گذاری داده ها بین قلاب ها و اجزای سفارشی Sharing Data Between Custom Hooks and Components

• با استفاده از قلاب سفارشی Using the Custom Hook

• با استفاده از قلاب سفارشی Using the Custom Hook

• بسته شدن Wrap Up

• بسته شدن Wrap Up

اختیاری: React Summary و Core Feature Walkthrough Optional: React Summary and Core Feature Walkthrough

اختیاری: React Summary و Core Feature Walkthrough Optional: React Summary and Core Feature Walkthrough

• معرفی ماژول Module Introduction

• معرفی ماژول Module Introduction

• React چیست و چرا از آن استفاده می کنید؟ What Is React and Why Would You Use It?

• React چیست و چرا از آن استفاده می کنید؟ What Is React and Why Would You Use It?

• React Projects - Requirements React Projects - Requirements

• React Projects - Requirements React Projects - Requirements

• ایجاد پروژه های React Creating React Projects

• ایجاد پروژه های React Creating React Projects

• پروژه شروع ما Our Starting Project

• پروژه شروع ما Our Starting Project

• درک نحوه عملکرد React Understanding How React Works

• درک نحوه عملکرد React Understanding How React Works

• ساخت اولین کامپوننت سفارشی Building a First Custom Component

• ساخت اولین کامپوننت سفارشی Building a First Custom Component

• خروجی مقادیر پویا Outputting Dynamic Values

• خروجی مقادیر پویا Outputting Dynamic Values

• استفاده مجدد از کامپوننت ها Reusing Components

• استفاده مجدد از کامپوننت ها Reusing Components

• انتقال داده به کامپوننت ها با Props Passing Data to Components with Props

• انتقال داده به کامپوننت ها با Props Passing Data to Components with Props

• CSS Styling و ماژول های CSS CSS Styling and CSS Modules

• CSS Styling و ماژول های CSS CSS Styling and CSS Modules

• ورزش و جزء دیگر Exercise and Another Component

• ورزش و جزء دیگر Exercise and Another Component

• آماده سازی برنامه برای مدیریت دولتی Preparing the App for State Management

• آماده سازی برنامه برای مدیریت دولتی Preparing the App for State Management

• اضافه کردن شنوندگان رویداد Adding Event Listeners

• اضافه کردن شنوندگان رویداد Adding Event Listeners

• کار با دولت Working with State

• کار با دولت Working with State

• وضعیت بالا بردن Lifting State Up

• وضعیت بالا بردن Lifting State Up

• ویژه "کودکان" Prop The Special "children" Prop

• ویژه "کودکان" Prop The Special "children" Prop

• محتوای حالت و مشروط State and Conditional Content

• محتوای حالت و مشروط State and Conditional Content

• اضافه کردن یک سربرگ مشترک و مدیریت حالت بیشتر Adding a Shared Header and More State Management

• اضافه کردن یک سربرگ مشترک و مدیریت حالت بیشتر Adding a Shared Header and More State Management

• اضافه کردن دکمه های فرم Adding Form Buttons

• اضافه کردن دکمه های فرم Adding Form Buttons

• رسیدگی به ارسال فرم Handling Form Submission

• رسیدگی به ارسال فرم Handling Form Submission

• به روز رسانی وضعیت بر اساس وضعیت قبلی Updating State Based on Previous State

• به روز رسانی وضعیت بر اساس وضعیت قبلی Updating State Based on Previous State

• خروجی داده های لیست Outputting List Data

• خروجی داده های لیست Outputting List Data

• اضافه کردن Backend به React SPA Adding a Backend to the React SPA

• اضافه کردن Backend به React SPA Adding a Backend to the React SPA

• ارسال یک درخواست HTTP POST Sending a POST HTTP Request

• ارسال یک درخواست HTTP POST Sending a POST HTTP Request

• مدیریت عوارض جانبی با useEffect() Handling Side Effects with useEffect()

• مدیریت عوارض جانبی با useEffect() Handling Side Effects with useEffect()

• وضعیت بارگیری دسته Handle Loading State

• وضعیت بارگیری دسته Handle Loading State

• درک و اضافه کردن مسیریابی Understanding and Adding Routing

• درک و اضافه کردن مسیریابی Understanding and Adding Routing

• اضافه کردن مسیرها Adding Routes

• اضافه کردن مسیرها Adding Routes

• کار با Layout Routes Working with Layout Routes

• کار با Layout Routes Working with Layout Routes

• Refactoring Route Components و Nesting بیشتر Refactoring Route Components and More Nesting

• Refactoring Route Components و Nesting بیشتر Refactoring Route Components and More Nesting

• پیوند و پیمایش Linking and Navigating

• پیوند و پیمایش Linking and Navigating

• واکشی داده از طریق بارگذار()ها Data Fetching through loader()s

• واکشی داده از طریق بارگذار()ها Data Fetching through loader()s

• ارسال داده با ()عمل‌ها Submitting Data with action()s

• ارسال داده با ()عمل‌ها Submitting Data with action()s

• مسیرهای پویا Dynamic Routes

• مسیرهای پویا Dynamic Routes

• خلاصه ماژول Module Summary

• خلاصه ماژول Module Summary

خلاصه دوره Course Roundup

خلاصه دوره Course Roundup

• حالا چی؟ گام های بعدی که می توانید بردارید! What Now? Next Steps You Could Take!

• حالا چی؟ گام های بعدی که می توانید بردارید! What Now? Next Steps You Could Take!

• اکوسیستم React را کاوش کنید! Explore the React Ecosystem!

• اکوسیستم React را کاوش کنید! Explore the React Ecosystem!

• افکار پایانی Finishing Thoughts

• افکار پایانی Finishing Thoughts